<template>
  <div>
    <h1 class="top-left color-text">申请奖学金:</h1>
    <!-- 步骤三  实例化组件-->
    <sq-component></sq-component>
    <hr>
    <app-recode></app-recode>
  </div>
</template>

<script>
//步骤一:导入组件
import shengqin from './compoment/index.vue'
import recode from './compoment1/index.vue'
export default {
    name:'test1',
    //步骤二：注册组件
    components:{
      'sq-component': shengqin,
      'app-recode': recode
    }
}
</script>

<style>
.top-left {
  position: relative;
  top: -10px; /* 向上微调10像素 */
  right: -20px; /* 向右微调10像素 */
  color: blue;
}
.color-text {
  color: rgb(58, 58, 153);
}
</style>